<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">
    <title>动态</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" href="{% static 'css/list.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-DT.css' %}">

    <!--    尾部-->
    <link rel="stylesheet" href="{% static 'css/mycss-footer.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-TX.css' %}">
</head>
<body>
<div class="listtop">
    <h1>
        <a href="{% url 'index:mjindex' %}" class="slogan">
            <img src="{% static 'images/logo.png' %}">
        </a>
    </h1>
    <ul class="menu-into">
        <li><a href="{% url 'index:mjindex' %}" title="首页">首页</a></li>
        <li><a href="{% url 'wedding:theme' %}" title="主题婚礼">主题婚礼</a></li>

        <li class="current"><a href="{% url 'wedding:al' %}" title="案例">案例</a></li>
        <!--<li><a href="https://www.mijwed.com/joinus/" title="加盟蜜匠">加盟蜜匠</a></li>-->
        <!--        <li>-->
        <!--            <div class="regions-channel" band-sensors="sensors-div-23">-->
        <!--                <div class="caption" band-sensors="sensors-div-24">-->
        <!--                    <em class="line">|</em>-->
        <!--                    <img src=""-->
        <!--                         alt="" class="icon" band-sensors="sensors-img-25">-->
        <!--                    长沙 <a href="#">[切换]</a>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </li>-->
    </ul>
</div>
<div class="top2">
    <div class="figure-caption-fixed">
        <img src="{% static 'images/mj_DT/dynamic-bg.jpg' %}" class="pic100">
        <div class="figure-location-main">
            <p class="caption">蜜匠动态</p>
            <p class="dynamic-sub">
                MIJWED<br>COMPANY DYNAMICS</p>
            <p class="subcaption">
                精心挑选蜜匠动态，让您随时随地更好的了解我们
            </p>
        </div>
    </div>
</div>

<div class="waterfull">
    <div class="card-columns">

        <div class="card">
            <img src="{% static 'images/mj_DT/dt1.jpg' %}" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card p-3">
            <blockquote class="blockquote mb-0 card-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                <footer class="blockquote-footer">
                    <small class="text-muted">
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card">
            <img src="{% static 'images/mj_DT/dt2.jpg' %}" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
        <div class="card bg-primary text-white text-center p-3">
            <blockquote class="blockquote mb-0">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
                <footer class="blockquote-footer text-white">
                    <small>
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card text-center">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This card has a regular title and short paragraphy of text below it.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
        <div class="card">
            <img src="{% static 'images/mj_DT/dt1.jpg' %}" class="card-img-top" alt="...">
        </div>
        <div class="card p-3 text-right">
            <blockquote class="blockquote mb-0">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                <footer class="blockquote-footer">
                    <small class="text-muted">
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This is another card with title and supporting text below. This card has some
                    additional content to make it slightly taller overall.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
        <div class="card">
            <img src="{% static 'images/mj_DT/dt1.jpg' %}" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card p-3">
            <blockquote class="blockquote mb-0 card-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                <footer class="blockquote-footer">
                    <small class="text-muted">
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card">
            <img src="{% static 'images/mj_DT/dt2.jpg' %}" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
        <div class="card bg-primary text-white text-center p-3">
            <blockquote class="blockquote mb-0">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
                <footer class="blockquote-footer text-white">
                    <small>
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card text-center">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This card has a regular title and short paragraphy of text below it.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
        <div class="card">
            <img src="{% static 'images/mj_DT/dt1.jpg' %}" class="card-img-top" alt="...">
        </div>
        <div class="card p-3 text-right">
            <blockquote class="blockquote mb-0">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                <footer class="blockquote-footer">
                    <small class="text-muted">
                        Someone famous in <cite title="Source Title">Source Title</cite>
                    </small>
                </footer>
            </blockquote>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">This is another card with title and supporting text below. This card has some
                    additional content to make it slightly taller overall.</p>
                <p class="card-text">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </p>
            </div>
        </div>
    </div>
</div>

<!--尾部-->

<div class="afooter">
    <div class="">
        <ul class="into-list">
            <li>
                <span class="title">蜜匠婚礼</span>
                <a href="https://www.mijwed.com/cs/wedding/products/" target="_blank" class="more-base"
                   data-title="主题婚礼"
                   title="主题婚礼">
                    <span><span>主题婚礼</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/wedding/case/" target="_blank" class="more-base" data-title="案例陈列室"
                   title="案例陈列室"
                >
                    <span><span>案例陈列室</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/brand/" target="_blank" rel="nofollow" class="more-base"
                   data-title="品牌理念"
                   title="品牌理念">
                    <span><span>品牌理念</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/explore/" target="_blank" rel="nofollow" class="more-base"
                   data-title="设计揭秘"
                   title="设计揭秘">
                    <span><span>设计揭秘</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/dynamics/" target="_blank" rel="nofollow" class="more-base"
                   data-title="蜜匠动态"
                   title="蜜匠动态">
                    <span><span>蜜匠动态</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/stores/" target="_blank" rel="nofollow" class="more-base"
                   data-title="城市体验馆"
                   title="城市体验馆">
                    <span><span>城市体验馆</span></span>
                </a><br/>
            </li>
            <li>
                <span class="title">优选商家</span>
                <a href="https://www.mijwed.com/cs/hotel/" target="_blank" class="more-base"
                   data-title="长沙婚宴酒店" title="长沙婚宴酒店">
                    <span><span>长沙婚宴酒店</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/car/" target="_blank" class="more-base"
                   data-title="长沙婚车预订" title="长沙婚车预订">
                    <span><span>长沙婚车预订</span></span>
                </a><br/>

            </li>
            <li>
                <span class="title">百科攻略</span>
                <a href="https://www.mijwed.com/cs/wiki/" target="_blank" class="more-base" data-title="本地百科"
                   title="本地百科">
                    <span><span>本地百科</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/baike/" target="_blank" class="more-base" data-title="婚礼攻略"
                   title="婚礼攻略">
                    <span><span>婚礼攻略</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="新人说" title="新人说">
                    <span><span>新人说</span></span>
                </a><br/>
                <a href="#" target="_blank" class="more-base" data-title="问答" title="问答">
                    <span><span>问答</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">备婚工具</span>
                <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="more-base"
                   data-title="电子请帖"
                   title="电子请帖">
                    <span><span>电子请帖</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="more-base"
                   data-title="结婚吉日"
                   title="结婚吉日">
                    <span><span>结婚吉日</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="more-base" data-title="婚姻登记"
                   title="婚姻登记">
                    <span><span>婚姻登记</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="电子相册" title="电子相册">
                    <span><span>电子相册</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">商务合作</span>
                <a href="https://www.mijwed.com/joinus/" target="_blank" class="more-base" data-title="加盟蜜匠"
                   title="加盟蜜匠">
                    <span><span>加盟蜜匠</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/passport-business.html" target="_blank" rel="nofollow" class="more-base"
                   data-title="商户入驻" title="商户入驻">
                    <span><span>商户入驻</span></span>
                </a><br/><br/><br/>
                <span class="title">关于我们</span>
                <a href="https://www.mijwed.com/aboutus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="公司简介"
                   title="公司简介">
                    <span><span>公司简介</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/contactus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="联系我们"
                   title="联系我们">
                    <span><span>联系我们</span></span>
                </a>
            </li>
        </ul>
        <ul class="into-atlas">
            <li>
                <img src="https://files.mijwed.com/wed/template/footer/platform/t-sina.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">蜜匠婚礼APP</span>
            </li>
            <li>
                <img src="https://files.mijwed.com/uf/20201117/lz79x4xw1j1605595265000.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">微信公众号</span>
            </li>
        </ul>
        <div class="service-tel">
            <p class="text">24小时服务热线</p>
            <a tel="400-099-2169" class="tel">400-099-2169</a>
            <span class="btn btn-pay" onclick="kfBox()">在线客服</span>
        </div>
        <div class="footer-msg">
            <div class="copyright-text rt">
                Copyright © 2020 <a target="_blank" href="https://www.mijwed.com/cs" title="蜜匠婚礼">mijwed.com</a>
                <a>京ICP备17029003号-1</a>
            </div>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/privacy/" title="隐私保护">隐私保护|</a>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/policy/" title="免责声明">免责声明</a>
        </div>
    </div>

</div>


<!--返回顶部特效-->
<button onclick="topFunction()" id="myBtn" title="回顶部">返回 <br>顶部</button>

</body>
</html>